import './style/CardStyle.less';

import {Card} from 'antd';

export default class CardItem extends React.Component{
    constructor(props){
        super(props);
    }

    render(){
        const {item = {},active = false} = this.props;
        const {key='',title = '',iconsrc=''} = item;
        return (
            <Card ecId={`${this && this.props && this.props.ecId || ''}_Card@jyemf4`} bordered={false} className='wf-report-chart-card'>
                <div className='chart-icon' style={{border: active && '2px solid #0079de'}}>
                    <img alt="example" src={iconsrc}/>
                </div>
                <div className='chart-title'>
                    <span>{title}</span>
                </div>
            </Card>
        )
    }
}